<!DOCTYPE html>
<html lang="en" manifest="/header.appcache">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <meta name="author" content="chinadangmai.com">
        <meta name="description" content=" ">
        <meta name="keywords" content=" ">
        <meta http-equiv="Access-Control-Allow-Origin" content="*">
        <title> -售后维权</title>   
        <script src="../../js/edition.js"></script> 
        <link rel="stylesheet" href="../../css/base.css">
        <link rel="stylesheet" href="../../css/popover.css">
        <link rel="stylesheet" href="../../css/lq.datetimepick.css">
        <script>
                document.write("<l"+"ink rel='stylesheet' href='../../css/index.css?version="+edition+"'>")
        </script>
        <script>
                document.write("<l"+"ink rel='stylesheet' href='../../css/member.css?version="+edition+"'>")
        </script>
        <script src="../../js/jquery.js"></script>
        <script src="../../js/lq.datetimepick.js"></script>
        <script src="../../js/selectUi.js"></script>
        <script src="../../js/jquery.cookie.js"></script>
        <script> 
                document.write("<s"+"cript type='text/javascript' src='../../js/header.js?version="+edition+"'></scr"+"ipt>"); 
        </script>
        <script src="../../js/template.js"></script>
        <script> 
                document.write("<s"+"cript type='text/javascript' src='../../js/url.js?version="+edition+"'></scr"+"ipt>"); 
        </script>
        <script src="../../js/popover.js"></script>
        <script> 
                document.write("<s"+"cript type='text/javascript' src='../../js/member_left_nav.js?version="+edition+"'></scr"+"ipt>"); 
        </script>
        <script> 
                document.write("<s"+"cript type='text/javascript' src='../../js/member_service_index.js?version="+edition+"'></scr"+"ipt>"); 
        </script>
    </head>
    <body style="background:#f5f5f5;">
        <input type="hidden" name="type" class="type" value="3">
        <header class="mod_head"><!-- 头部 --></header>
        <script>
            $(function(){
                var src=$('.mod_logo img').attr('src')
                $('.mod_logo img').attr('src','../'+src)
            
            }); 
        </script>
        <div class="mod_backstage">
            <!-- 左侧菜单 start -->
            <div class="backstage_left"></div>
            <!-- 左侧菜单 end -->
            <!-- 右侧内容 start -->
            <div class="backstage_right">
                <div class="mod_route">
                    <a><span>我的位置：</span><span>个人中心&nbsp;</span><span>&gt;&nbsp;</span><span>售后维权</span></a>
                </div>
                <div class="member_right_box">
                    <div class="mod_right_tit">
                        <span class="home_tit_name">售后维权</span>
                    </div>
                    <div class="service_wrap">
                        <div class="service_title">
                            <ul>
                                <li class="active" id="service_all">全部售后（0）</li>
                                <li id="service_one">仅退款（0）</li>
                                <li id="service_two">退款/退货（0）</li>
                            </ul>
                        </div>
                        <!-- 售后维权列表搜索 start -->
                        <div class="service_search">
                            <div class="search_order_num">
                                <select name="" id="searchType">
                                    <option value="0">订单编号</option>
                                    <option value="1">退款单号</option>
                                    <option value="2">商品名称</option>
                                </select>
                                <div class="search_order_box"></div>
                                <input type="text" class="search_order_input">
                            </div>
                            <div class="service_search_num">
                                <span class="service_search_txt">申请时间</span>
                                <div class="time_from"></div>
                                <input type="text" class="time_from_input" id="timeFrom" placeholder="如：2017-02-05" value="2017-02-05">
                                <span class="time_to"></span>
                                <div class="time_end"></div>
                                <input type="text" class="time_end_input" id="timeEnd" placeholder="如：2017-11-05" value="2017-11-05">
                            </div>
                            <a href="javascript:;" class="service_search_btn">查询</a>
                        </div>
                        <!-- 售后维权列表搜索 end -->
                        <!-- 售后维权列表 start -->
                        <div class="service_list"></div>
                        <script id="serviceListTpl" type="text/html">
                            {{ for(var i=0; i < serviceList.length; i++) { }}
                                <div class="service_list_box">
                                    <div class="service_list_title">
                                        <p class="order_num">订单号：<span>{{=serviceList[i].orderNo}}</span></p>
                                        <p class="order_time">{{=serviceList[i].createTime}}</p>
                                        <p class="service_num">售后单号：<span>{{=serviceList[i].refundNo}}</span></p>
                                        <a href="tencent://message/?uin=2151577512&Site=http://vps.shuidazhe.com&Menu=yes" target="_blank" class="kefu">联系客服</a>
                                    </div>
                                    <ul>
                                        <li>
                                            <div class="goods_pic">
                                                <img src="{{=serviceList[i].image}}" alt="">
                                            </div>
                                            <p class="goods_name">{{=serviceList[i].name}}</p>
                                            <p class="goods_spec">{{=serviceList[i].spec}}</p>
                                            <p class="goods_price">{{=serviceList[i].unitPrice}}</p>
                                            <p class="goods_num">X{{=serviceList[i].num}}</p>
                                            <p class="total_price">{{=serviceList[i].transactionPrice}}</p>
                                            <div class="service_status">
                                                <p class="service_status_txt" style="color: #f10213;">{{=serviceList[i].stateDesc}}</p>
                                                <a href="{{=serviceList[i].stateDescUrl}}" class="view_service">查看详情</a>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            {{ } }}
                        </script>
                        <!-- 售后维权列表 end -->
                        <!-- 分页 start -->
                        <div class="page" style='display:none'>
                            <a href="javascript:;" class="prev_first">首页</a>
                            <a href="javascript:;" class="prev"><&nbsp;上一页</a>
                            <ul class="page_num">
                                <li class="li active"><a href="javascript:;">1</a></li>
                                <li><a href="javascript:;">...</a></li>
                                <li class="li"><a href="javascript:;">2</a></li>
                            </ul>
                            <a href="javascript:;" class="next">下一页&nbsp;></a>
                        </div>
                        <!-- 分页 end -->
                    </div>
                </div>
            </div>
            <!-- 右侧内容 end -->
        </div>
        <!-- 网站底部 start --> 
        <footer class="mod_foot"></footer>
        <!-- 网站底部 end -->
        <script src="../../js/index_foot.js"></script>
        <script src="../../js/order_this.js"></script>
        <!-- <script>
            $(function(){
                var pageWidth = $(".page_num").width() + 240;
                $(".page").width(pageWidth);
                $(".page").css({"margin-left":(912-pageWidth)/2+"px"});
            });
        </script> -->
        <script>
            $(function(){
                var w_h=$(window).height();
                // console.info(w_h);
                $('.backstage_right').css('min-height',(w_h-366)+'px');
            })
        </script>
        <script> 
            document.write("<s"+"cript type='text/javascript' src='../../js/nav_hover.js?version="+edition+"'></scr"+"ipt>"); 
        </script>     
        <script>
            $(function(){
                // 底部小图标路径修改
                $('.foot_list>img').each(function(){
                    var src = $(this).attr('src');
                    $(this).attr('src','../../'+src);
                });
                // 底部链接修改
                $('.footer_ul a').each(function(){
                    var newHref = $(this).attr('href');
                    if(newHref!='javascript:;'){
                        $(this).attr('href','..'+newHref);
                    }
                });
            });
        </script>      
    </body>
</html>